﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<dynamic>" %>
<script type="text/javascript" src="../../Scripts/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../Scripts/jquery-ui-1.8.21.custom.min.js"></script>
<link type="text/css" rel="stylesheet" href="../../Content/smoothness/jquery-ui-1.8.21.custom.css" />

<br />
<br />
<br />
<br />

<%--<button id="invia_news">Invia</button>--%>

<br />
<br />

<% using (Html.BeginForm("InviaNotizia", "NewsLetter"))
   { %>
   <label for="Subject">Oggetto</label>
   <%= Html.TextBox("Subject")%>
   <label for="TextArea">Testo</label>
   <%= Html.TextArea("Testo") %>
      
<table>
    <thead>
        <tr>
            <th><%= Html.CheckBox("SelectAll", false) %> <div id="nSelect"></div></th>
            <th>Username</th>
            <th>Email</th>
        </tr>
    </thead>
<% foreach (MvcSite.Models.User utente in (List<MvcSite.Models.User>)ViewData["UtentiIscritti"])
   {
%>
    <tr>
        <td><input type=checkbox name="elenco_username" value="<%= utente.Email %>" rel="selectUser" /></td>    
        <%--<td><%= Html.CheckBox("elenco_username", false, new { rel = "selectUser", value = utente.Email })%> </td>--%>
        <td><%=  utente.Username %></td>
        <td><%=  utente.Email %></td>
    </tr>
<% } 
%>
</table>
<input type=submit value="Invia" />
<% } %>
<script type="text/javascript">
    var userChecked = new Array();
    $(function () {

        //inizializzazione bottone invio
        $("#invia_news").button().attr('disabled', true).click(function () {
            var stampa = " ";
            for (i = 0; i < userChecked.length; i++)
                stampa += userChecked[i] + " ";
            alert("Invia notifiche a " + stampa);
            $.ajax({
                url: "/NewsLetter/InviaNotizia",
                traditional: true,
                type: "POST",
                data: { elenco_username: userChecked },
                success: function (data) {
                    return data;
                }
            });
        });

        //Seleziona deseleziona tutto
        $(":checkbox").change(function () {
            if ($(this).attr('id') == 'SelectAll') {
                var check = $('#SelectAll').is(':checked');
                abilitaInvio(check);
                $('#invia_news').button().attr('disabled', !check);
                var listCheck = $('input[rel=selectUser]');
                listCheck.attr('checked', check);

//                $.each(listCheck, function (index, value) {
//                    if (value.checked) {
//                        if (!userChecked[value.id])
//                            userChecked[value.id] = value.name;
//                    }
//                });
            }
            else {
                var elem = $(this);
                var check = elem.is(':checked');
                if (check) {
                    userChecked[elem.attr('id')] = (elem.attr('name'));
                    abilitaInvio(true);
                }
                else {
                    //userChecked.splice($.inArray(userChecked.push(elem.attr('id')), userChecked), 1);
                    userChecked = jQuery.grep(userChecked, function (value) {
                        return value != elem.attr('name');
                    });
                    $('#SelectAll').attr('checked', false);
                    if (userChecked.length <= 0)
                        abilitaInvio(false);
                }
            }

        });


    });
        function abilitaInvio(abilita) {
            $('#invia_news').button().attr('disabled', !abilita);
        }
   
</script>